<style>
#profile .package {
  padding: 10px;
  font-size: 18px;
  border-bottom: 1px solid #ddd;
}
</style>
<div id="profile">
  <h1>
    Packages by <span style="color:#09f;"><%= user.name %></span>
    <% if (user.email) { %>
      <small>(<a href="mailto:<%= user.email %>"><%= user.email %></a>)</small>
    <% } %>
  </h1>
  <hr />
  <% if (!packages.length) { %>
    <div class="alert alert-warning">Can not found package by <%= user.name %>.</div>
  <% } %>
  <% for (var i = 0; i < packages.length; i++) { %>
    <div class="package">
      <a href="/package/<%= packages[i].name %>" class="package-name"><%= packages[i].name %></a>
      <span class="package-description"><%= packages[i].description %></span>
    </div>
  <% } %>
</div>
